<template>
  <div>
    <div class="navbar">
      <MyNavBar
        :title="title"
        :style="{ backgroundColor: '#fff', height: '46px', fontWeight: 'none' }"
        @click-left="navigate(-1)"
      />
    </div>
    <div class="content">
      <img :src="emptyImg" alt="" class="emptyImg" />
      <div class="emptyDesc">{{ desc }}</div>
    </div>
  </div>
</template>

<script setup>
import { useRoute, useRouter } from 'vue-router';
import { ref } from 'vue';
import MyNavBar from '../myNavBar/MyNavBar.vue';
import emptyImg from '../../assets/images/image/hdpi/no_message.png';

const route = useRoute();
const router = useRouter();

const title = route.params.title;
const desc = route.params.desc;

const navigate = (path) => {
  router.go(path);
};
</script>

<style lang="scss" module>
.navbar {
  margin-bottom: 10px;
}

.content {
  text-align: center;
  background-color: #fff;
  height: 600px;
  box-sizing: border-box;
  padding-top: 150px;
  .emptyImg {
    width: 126px;
    height: 135px;
    margin-bottom: 30px;
  }
  .emptyDesc {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333;
  }
}

</style>
